<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>计算节点</title>
	<link rel="stylesheet" href="../../css/index.css" />
	<link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.css">
	<link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.extend.css">
	<link rel="stylesheet" href="../../js/plugins/animateTip/default-style/css/content.css" />
</head>
<body>
<!--列表内容-->
<div class="compnode-page page-bg">
	<!--列表-->
	<div class="search-panel b-r-0">
		<!--搜索区域内容-->
		<div class="search-box pos-re">
			<div class="search-show">
				<div class="input-box">
					<input class="import-box" placeholder="共享存储名称" type="text">
				</div>
				<a class="search-btn search_icon"></a>
				<a class="search-back-btn search_icon"></a>
			</div>
		</div>

	</div>
	<div class="ul_table">
		<ul class="ul_head">
			<li style="width: 3%; border:none;">
			</li>
			<li style="width: 16%; border: none">节点名称</li>
			<li style="width: 15%">IP地址</li>
			<li style="width: 12%">实例</li>
			<li style="width: 15%">所属共享存储</li>
			<li style="width: 10% ">
				<div class="state-panel select_panel cur-po">
					<div class="select_normal">
						状态
						<a class="state-search search-down"><i class="search-down-icon com_icon"></i></a>
					</div>
					<ul class="state-select select_content">
						<li class="select_option active" sid="1">全部</li>
						<li class="select_option" sid="2">运行中</li>
						<li class="select_option" sid="3">已关机</li>
						<li class="select_option" sid="4">错误</li>
					</ul>
				</div>
			</li>
			<li style="width: 6%; border:none;">
			</li>
			<li style="width: 22%">操作</li>
		</ul>
		<ul class="ul_body">
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 3%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width:16%">
						<p class="td_content">
							trolia21
						</p>
					</li>
					<li class="ul_body_td" style="width: 15%">
						<p class="td_content">117.22.43.55</p>
					</li>
					<li class="ul_body_td" style="width: 12%">
						<p class="td_content">15</p>
					</li>
					<li class="ul_body_td" style="width: 15%">
						<p class="td_content">sddfdfdfdf</p>
					</li>
					<li class="ul_body_td" style="width: 10%">
						<p class="td_content"><span class="state-on state_sign">已挂载</span></p>
					</li>
					<li class="ul_body_td" style="width: 6%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width: 22%">
						<div class="handle-select select_panel">
							<div class="select_normal">
								<a class="td_btn unc">卸载</a>
								<span class="undel-icon" data-tip="使用中，不可删"></span>
							</div>
							<div class="more-handle">
								<a class="td_btn">分配IP</a>
								<a class="td_btn">释放IP</a>
							</div>
						</div>
					</li>
				</ul>
			</li>
			<li class="li_tr mount">
				<ul>
					<li class="ul_body_td" style="width: 3%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width:16%">
						<p class="td_content">
							troila
						</p>
					</li>
					<li class="ul_body_td" style="width: 15%">
						<p class="td_content">172.44.6.66</p>
					</li>
					<li class="ul_body_td" style="width: 12%">
						<p class="td_content">15</p>
					</li>
					<li class="ul_body_td" style="width: 15%">
						<p class="td_content">derrr</p>
					</li>
					<li class="ul_body_td" style="width: 10%">
						<p class="td_content"><span class="state-error state_sign">未挂载</span></p>
					</li>
					<li class="ul_body_td" style="width: 6%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width: 22%">
						<div class="handle-select select_panel">
							<div class="select_normal">
								<a class="td_btn">挂载</a>
							</div>
						</div>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!--底部分页-->
	<div class="table-footer">
		<!--设置每页显示条数-->
		<div class="change-record">
			<label class="foot-label">每页显示</label>
			<div class="record-select">
				<p class="now-record"><span>10</span><i class="show-record-ul com_icon"></i></p>
				<ul class="record-ul d-n">
					<li class="record-item">10</li>
					<li class="record-item">20</li>
				</ul>
				<span class="record-unit">条</span>
				<div class="checked-count">，选中<span id="checkedCount" class="count-num color0099ff">0</span>条</div>
			</div>
		</div>
		<div class="pagination-panel">
			<div id="pagination" class="f-l"></div>
					
			<div class="page-extend f-l">
				<div class="jump-page">
					<label class="jump-title mr-5">跳转到</label>
					<div class="jump-num d-ib">
						<input id="jumpNum" type="text" class="jump-text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
						<a id="jumpBtn" class="jump-btn">GO</a>
					</div>
					<div class="page-count d-ib ml-10 color6f87ab">共<span id="pageCount" class="count-num color0099ff">50</span>条数据</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery.js"></script>
<script src="../../js/libs/jquery-ui/jquery.ui.position.min.js" type="text/javascript"></script>
<script src="../../js/libs/jquery-ui/jquery.ui.core.min.js" type="text/javascript"></script>
<script src="../../js/plugins/niceScroll/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.js" type="text/javascript"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.extend.js" type="text/javascript"></script>
<script src="../../js/plugins/animateTip/default-style/js/jquery.animateTip.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/view/storageManage/computationalNode.js"></script>
</html>